<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>

    <title>CodeMirror: Theme Demo</title>
    <meta charset="utf-8"/>

    <%@ include file="/commons/global.jsp" %>
    <%@ include file="/commons/basejs.jsp" %>
    <link rel="stylesheet" href="${ctxPath}/static/editormd/css/editormd.min.css">
    <link rel="stylesheet" href="${ctxPath}/static/editormd/css/editormd.logo.min.css">
    <link rel="stylesheet" href="${ctxPath}/static/editormd/css/editormd.preview.min.css">
    <style>


    </style>
</head>
<body>
<p>文件名：${doc.name}  <button class="easyui-linkbutton" onclick="save()">保存</button></p>
<div id="articleAdd-editormd">
    <textarea style="display:none;">${content}</textarea>
</div>
<script type="text/javascript" src="${ctxPath}/static/editormd/editormd.min.js"></script>
<script>
    var testEditor;
  $(function(){
      testEditor = editormd("articleAdd-editormd", {
          width   : "95%",
          height  : 640,
          path    : "${ctxPath}/static/editormd/lib/",
          theme        : (localStorage.theme) ? localStorage.theme : "default",
          previewTheme : (localStorage.previewTheme) ? localStorage.previewTheme : "default",
          editorTheme  : (localStorage.editorTheme) ? localStorage.editorTheme : "default",
          codeFold : true,
          //syncScrolling : false,
          saveHTMLToTextarea : true,    // 保存 HTML 到 Textarea
          searchReplace : true,
          //watch : false,                // 关闭实时预览
          htmlDecode : "style,script,iframe|on*",            // 开启 HTML 标签解析，为了安全性，默认不开启
          //toolbar  : false,             //关闭工具栏
          //previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮，默认开启
          emoji : true,
          taskList : true,
          tocm            : true,         // Using [TOCM]
          tex : true,                   // 开启科学公式TeX语言支持，默认关闭
          flowChart : true,             // 开启流程图支持，默认关闭
          sequenceDiagram : true,       // 开启时序/序列图支持，默认关闭,
          //dialogLockScreen : false,   // 设置弹出层对话框不锁屏，全局通用，默认为true
          //dialogShowMask : false,     // 设置弹出层对话框显示透明遮罩层，全局通用，默认为true
          //dialogDraggable : false,    // 设置弹出层对话框不可拖动，全局通用，默认为true
          //dialogMaskOpacity : 0.4,    // 设置透明遮罩层的透明度，全局通用，默认值为0.1
          //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色，全局通用，默认为#fff
          imageUpload : true,
          imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
          imageUploadURL : "${ctxPath}/upload/uploadEditormd",
          onload : function() {
              console.log('onload', this);
              //this.fullscreen();
              //this.unwatch();
              //this.watch().fullscreen();

              //this.setMarkdown("#PHP");
              //this.width("100%");
              //this.height(480);
              //this.resize("100%", 640);
              //   上传的后台只需要返回一个 JSON 数据，仅支持POST请求，结构如下：
              /*  {
                  success : 0 | 1,           // 0 表示上传失败，1 表示上传成功
                  message : "提示的信息，上传成功或上传失败及错误信息等。",
                  url     : "图片地址"        // 上传成功时才返回
               } */
          }
      });
  })

    function save(){
      //获取editor.md markdown内容
        var content=testEditor.getMarkdown();
        var attachId='${doc.attachId}';
        var id='${doc.id}';
        $.ajax({
            url:'${ctxPath}/doc/saveContent',
            data:{id:id,attachId:attachId,content:content},
            type:'post',
            dataType:'json',
            success:function(data){
                if(data.success){
                    showMsg(data.msg);
                }else{
                    $.messager.alert('提示',data.msg,'error');
                }
            }
        })
    }
</script>
</body>
</html>
